<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="${pageContext.request.contextPath}/calendar/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="${pageContext.request.contextPath}/calendar/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

	<script type="text/javascript" src="${pageContext.request.contextPath}/calendar/js/jquery-1.8.3.js" charset="UTF-8"></script>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/calendar/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/calendar/js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
	<script type="text/javascript">
		$(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii',minView:1});
		$(".form_date").datetimepicker({format: 'yyyy-mm-dd',minView:3,todayBtn:true,todayHighlight:true }); 
	</script>

  </head>
  
  <body>
    <form action="" class="form-horizontal"  role="form">
        <fieldset>
            <legend>Test</legend>
			<div class="form-group"> 
				<input size="16" type="text" value="2012-06-15 14:45" readonly class="form_datetime form-control col-md-5">
			</div>
			<div class="form-group">
				<input size="16" type="text" value="2012-06-15" readonly class="form_date form-control col-md-5">
			</div>

			<div class="form-group">
				   <div class="input-group date form_date col-md-5" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
								<input class="form-control" size="16" type="text" value="" readonly>
								<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
					</div>
				<input type="hidden" id="dtp_input2" value="" /><br/>
			</div>
        </fieldset> 
    </form>
  </body>
</html>
